@extends('admin.mainlayout')
@section('title')
<div class="title"><span>品牌管理></span></div>
@endsection
@section('content')
<!-- 交易统计 -->
<script type="text/javascript" src="http://cdn.hcharts.cn/jquery/jquery-1.8.3.min.js"></script>
<script src="http://cdn.hcharts.cn/highcharts/highcharts.js"></script>
<script src="http://cdn.hcharts.cn/highcharts/modules/exporting.js"></script>
<script type="text/javascript">
    $(function () {

//        var data = [['一月',1300],['二月',500],['三月',800],['四月',100],['五月',200],['六月',300],['七月',100],['八月',300],['九月',800],['十月',500],['十一月',100],['十二月',300]];
        //data =data.split(",");


        var data = {!! $res !!};

        console.log(data);
        $('#container').highcharts({
            chart: {
                type: 'column'
            },
            title: {
                text: '每月交易统计图'
            },
            subtitle: {
                //text: 'Editor: <a href="http://www.zhaoxiaojie.club">zxj</a>'
            },
            xAxis: {
                type: 'category',
                labels: {
                    rotation: 0,
                    style: {
                        fontSize: '13px',
                        fontFamily: 'Verdana, sans-serif'
                    }
                }
            },
            yAxis: {
                min: 0,
                title: {
                    text: '交易量（件）'
                }
            },
            legend: {
                enabled: false
            },
            tooltip: {
                pointFormat: '交易量: <b>{point.y:1f} 件</b>'
            },
            series: [{
                name: 'Population',
                data: data,
                dataLabels: {
                    enabled: true,
                    rotation: 0,
                    color: '#FFFFFF',
                    align: 'center',
                    format: '{point.y}', // one decimal
                    y: 0, // 10 pixels down from the top
                    style: {
                        fontSize: '13px',
                        fontFamily: 'Verdana, sans-serif'
                    }
                }
            }]
        });
    });
</script>
<div id="container" style="min-width: 300px; height: 400px; margin: 0 auto"></div>
{{--<div class="three" style="display: none">--}}
    {{--<div class="tab">--}}
        {{--<p class="active">基本信息</p>--}}
        {{--<p>代理成员</p>--}}
        {{--<p>交易统计</p>--}}
    {{--</div>--}}
    {{--<div class="body">--}}
        {{--<!--交易统计-->--}}
        {{--<div class="right">--}}
            {{--<div id="bedroom">aa</div>--}}
        {{--</div>--}}
    {{--</div>--}}
{{--</div>--}}
@endsection